<template>
    <h1>{{ name }}</h1>
    <h1>{{ age }}</h1>
    <button @click="sayHello">点击说话</button>
</template>

<script>

import {h} from "vue";

export default {
    name: 'App',
    setup() {
        // 数据
        let name = "张三"
        let age = 18

        // 方法
        function sayHello() {
            alert(`我叫${name}，我${age}岁了，你好啊！`)
        }

        return {
            name, age, sayHello
        }

        // 返回渲染函数，这种几乎不用
        /*import {h} from "vue";
        return () => {
           return  h("h1", "冯镠霖")
        }*/
    }
}
</script>

<style>

</style>
